﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="../css/admin.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
        <title>:: JumboBox > Painel Administrativo > Administrador ::</title>
        <script type="text/javascript">
            $(document).ready(function(){

                $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)

                $("ul.topnav li span").click(function() { //When trigger is clicked...

                    //Following events are applied to the subnav itself (moving subnav up and down)
                    $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

                    $(this).parent().hover(function() {
                    }, function(){
                        $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
                    });

                    //Following events are applied to the trigger (Hover events for the trigger)
                }).hover(function() {
                    $(this).addClass("subhover"); //On hover over, add class "subhover"
                }, function(){	//On Hover Out
                    $(this).removeClass("subhover"); //On hover out, remove class "subhover"
                });
                
                $("ul.topnav li span").hover(function() { //When trigger is clicked...

                    //Following events are applied to the subnav itself (moving subnav up and down)
                    $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

                    $(this).parent().hover(function() {
                    }, function(){
                        $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
                    });

                    //Following events are applied to the trigger (Hover events for the trigger)
                }).hover(function() {
                    $(this).addClass("subhover"); //On hover over, add class "subhover"
                }, function(){	//On Hover Out
                    $(this).removeClass("subhover"); //On hover out, remove class "subhover"
                });

            });
           
            
        </script>
    </head>
    <div id="div_box">
        <div id="div_header">
            <div id="menu">
                <ul class="menu">
                    <li><a href="#" class="parent"><span>Home</span></a>
                        <div>
                            <ul>
                                <li><a href="#"><span>Home</span></a></li>
                                <li><a href="#"><span>Sair</span></a></li>
                            </ul>
                        </div>
                    </li>
                    <li><a href="#" class="parent"><span>Controle</span></a>
                        <div>
                            <ul>
                                <li><a href="#" class="parent"><span>Usuário</span></a>
                                    <div>
                                        <ul>
                                            <li><a href="#"><span>Listar</span></a></li>
                                            <li><a href="#"><span>Adicionar</span></a></li>
                                            <li><a href="#"><span>Controle de acesso</span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="#" class="parent"><span>Parceiros</span></a>
                                    <div>
                                        <ul>
                                            <li><a href="#"><span>Listar</span></a></li>
                                            <li><a href="#"><span>Adicionar</span></a></li>
                                            <li><a href="#"><span>Debitos</span></a></li>
                                            <li><a href="#"><span>Em dia</span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="#" class="parent"><span>Imóveis</span></a>
                                    <div>
                                        <ul>
                                            <li><a href="#"><span>Listar</span></a></li>
                                            <li><a href="#"><span>Adicionar</span></a></li>
                                            <li><a href="#"><span>Debitos</span></a></li>
                                            <li><a href="#"><span>Em dia</span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="#" class="parent"><span>Automóveis</span></a>
                                    <div>
                                        <ul>
                                            <li><a href="#"><span>Listar</span></a></li>
                                            <li><a href="#"><span>Adicionar</span></a></li>
                                            <li><a href="#"><span>Debitos</span></a></li>
                                            <li><a href="#"><span>Em dia</span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="#" class="parent"><span>Farmacia</span></a>
                                    <div>
                                        <ul>
                                            <li><a href="#"><span>Listar</span></a></li>
                                            <li><a href="#"><span>Adicionar</span></a></li>
                                            <li><a href="#"><span>Debitos</span></a></li>
                                            <li><a href="#"><span>Em dia</span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="#" class="parent"><span>Rede Social</span></a>
                                    <div>
                                        <ul>
                                            <li><a href="#"><span>Listar</span></a></li>
                                            <li><a href="#"><span>Adicionar</span></a></li>
                                            <li><a href="#"><span>Debitos</span></a></li>
                                            <li><a href="#"><span>Em dia</span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="#" class="parent"><span>Coletiva</span></a>
                                    <div>
                                        <ul>
                                            <li><a href="#"><span>Listar</span></a></li>
                                            <li><a href="#"><span>Adicionar</span></a></li>
                                            <li><a href="#"><span>Debitos</span></a></li>
                                            <li><a href="#"><span>Em dia</span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="#" class="parent"><span>Busca</span></a>
                                    <div>
                                        <ul>
                                            <li><a href="#"><span>Listar</span></a></li>
                                            <li><a href="#"><span>Adicionar</span></a></li>
                                            <li><a href="#"><span>Debitos</span></a></li>
                                            <li><a href="#"><span>Em dia</span></a></li>
                                        </ul>
                                    </div>
                                </li>
                            </ul></div>
                    </li>
                    <li><a href="#"><span>Help</span></a></li>
                    <li class="last"><a href="#"><span>Contacts</span></a></li>
                </ul>
            </div>

        </div><!-- fim div_header -->

        <div id="div_conteudo">

            <div id="div_conteudo_left">

            </div><!-- fim div_conteudo_left -->

            <div id="div_conteudo_center">

            </div><!-- fim div_conteudo_center -->

        </div><!-- fim div_conteudo -->

        <div id="div_footer">

        </div><!-- fim div_footer -->
    </div><!-- fim div_box -->
    <body>
    </body>
</html>